<template>
  <div>
    <Header></Header>
    <Main></Main>
    <Footer></Footer>
    <News :content="newsContent"></News>
  </div>
</template>

<script>
// 声明式
import Header from "./components/Header.vue";
import Main from "./components/Main.vue";
import Footer from "./components/Footer.vue";
import News from "./components/News.vue";
export default {
  name: 'App',
  // 组件
  components:{
    Header,Main,Footer,News
  },
  data() {
    return {
      newsContent: '振兴中华',
    }
  },
  methods: {
    searchEvent() {
      console.log('执行了回车')
      console.log(this.searchKey)
    }
  }
}
</script>

<style>
.active {
  /*width: 100px;*/
  /*height: 100px;*/
  background-color: yellowgreen;
}

#d2 {
  width: 100px;
  height: 100px;
  background-color: blue;
}
</style>